import React, { Component } from 'react';
import { Route, Link } from 'react-router-dom'
import Vue from './video/Vue'
import ReactVideo from './video/ReactVideo'
import UniApp from './video/UniApp'

class Video extends Component {
  constructor(props) {
    super(props);
    this.state = {  }
    this.props.history.push('/video/vue')
  }
  render() { 
    return ( <div className="right">
      <h3>视频教程</h3>
      <ul className="subNav">
        <li><Link to='/video/vue'>Vue视频</Link></li>
        <li><Link to='/video/reactVideo'>React视频</Link></li>
        <li><Link to='/video/uniapp'>UniApp视频</Link></li>
      </ul>
      <div className= "subContent">
        <Route path='/video/vue' component={Vue} />
        <Route path='/video/reactVideo' component={ReactVideo} />
        <Route path='/video/uniapp' component={UniApp} />
      </div>
    </div> );
  }
}
 
export default Video;